<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/love.css" />
	</head>

	<body>

		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				
				<!--第一个-->
				<div class="swiper-slide">
					<img src="img/watch_medium_2x.jpg">
				</div>
				
				<!--第二个-->
				<div class="swiper-slide">
					<img src="img/iphone_square_large_2x.jpg">
					<div class="text" align="center">
						<h2>7,Here</h2>
					</div>
				</div>
				
				<!--第三个-->
				<div class="swiper-slide">
					<img src="img/macbookpro_medium_2x.jpg">
				</div>
				
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>

		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/swiper-3.4.0.jquery.min.js"></script>
		<script type="text/javascript" src="js/love.js"></script>
		<script>
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				paginationClickable: true
			});
		</script>
	</body>

</html>